<!DOCTYPE html>
<html lang="en">

<head>
    @@include('meta.html')
    <title>场外交易</title>
</head>
<style>
    body.hidden {
        min-width: 1400px;
        overflow-x: auto
    }
</style>

<body class="hidden">
    @@include('header.html')
    <div class="y-main-content">
        <div class="y-location clearfix">
            <div class="left clearfix">
                <span class="left first-location">场外交易</span>
                <img src="images/icon/next.png" alt="" class="left location-ico">
                <span class="left on-location">我的订单</span>
            </div>
            <div class="right y-explain">
                说明：场外交易是指平台用户与平台承兑商之间的交易，由平台做外担保以及撮合，平台自身不参与任何场外交易行为；
            </div>
        </div>
        <div class="clearfix hidden">
            @@include('club-exchange.html')
            <div class="y-content-r">
                <div class="y-location-r">
                    我的订单
                </div>
                <div class="y-main-content-r">
                    <div class="y-scroll-height">
                        <table class="y-table">
                            <thead class="y-table-head">
                                <tr>
                                    <th class="y-table-text">订单号</th>
                                    <th class="y-table-text">
                                        <div class="y-filterList">
                                            <select class="y-select-box">
                                                <option class="y-option" value="1" selected>交易类型</option>
                                                <option class="y-option" value="2">全部</option>
                                                <option class="y-option" value="3">购买订单</option>
                                                <option class="y-option" value="4">出售订单</option>
                                            </select>
                                            <div class="y-replace y-replace-width">
                                                <span class="y-current current-height">交易类型</span>
                                                <ul class="y-options options-width">
                                                    <li rel="1">交易类型</li>
                                                    <li rel="2">全部</li>
                                                    <li rel="3">购买订单</li>
                                                    <li rel="4">出售订单</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </th>
                                    <th class="y-table-text">
                                        <div class="pointer">
                                            数量
                                            <img src="images/icon/tableIco1.png" class="y-sortIcon" alt="">
                                        </div>
                                    </th>
                                    <th class="y-table-text">单价</th>
                                    <th class="y-table-text">
                                        <div class="pointer">
                                            总额
                                            <img src="images/icon/tableIco1.png" class="y-sortIcon" alt="">
                                        </div>
                                    </th>
                                    <th class="y-table-text">时间</th>
                                    <th class="y-table-text">
                                        <div class="y-filterList">
                                            <select class="y-select-box">
                                                    <option class="y-option" value="1" selected>状态</option>
                                                    <option class="y-option" value="2">全部</option>
                                                    <option class="y-option" value="3">进行中</option>
                                                    <option class="y-option" value="4">已完成</option>
                                                    <option class="y-option" value="4">未完成</option>
                                                    <option class="y-option" value="5">已取消</option>
                                                    <option class="y-option" value="6">申诉中</option>
                                                </select>
                                            <div class="y-replace y-replace-width">
                                                <span class="y-current current-height">状态</span>
                                                <ul class="y-options options-width">
                                                    <li rel="1">状态</li>
                                                    <li rel="2">全部</li>
                                                    <li rel="3">进行中</li>
                                                    <li rel="4">已完成</li>
                                                    <li rel="4">未完成</li>
                                                    <li rel="5">已取消</li>
                                                    <li rel="6">申诉中</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </th>
                                    <th class="y-table-text">承兑商</th>
                                </tr>
                            </thead>
                            <tbody class="y-table-body">
                                <tr>
                                    <td>
                                        <div class="y-order-color y-div-td">
                                            201807101552257364
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            <span class="y-dot y-green-dot">购买</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            1000个
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            <span class="y-price">&yen; 1.00/个</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            &yen; 100000
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            2018-07-10 17:24:52
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            <span class="y-td-status y-appeal">申诉中</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            一只区块链小白
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="y-order-color y-div-td">
                                            201807101552257364
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            <span class="y-dot y-red-dot">出售</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            1000个
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            <span class="y-price">&yen; 1.00/个</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            &yen; 100000
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            2018-07-10 17:24:52
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            <span class="y-td-status y-finish">已完成</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            一只区块链小白
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="y-order-color y-div-td">
                                            201807101552257364
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            <span class="y-dot y-red-dot">出售</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            1000个
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            <span class="y-price">&yen; 1.00/个</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            &yen; 100000
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            2018-07-10 17:24:52
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            <span class="y-td-status y-cancel">已取消</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            一只区块链小白
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="y-order-color y-div-td">
                                            201807101552257364
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            <span class="y-dot y-red-dot">出售</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            1000个
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            <span class="y-price">&yen; 1.00/个</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            &yen; 100000
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            2018-07-10 17:24:52
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            <span class="y-td-status y-undo">未完成</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            一只区块链小白
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="y-order-color y-div-td">
                                            201807101552257364
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            <span class="y-dot y-red-dot">出售</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            1000个
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            <span class="y-price">&yen; 1.00/个</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            &yen; 100000
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            2018-07-10 17:24:52
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            <span class="y-td-status y-on-way">进行中</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="y-div-td">
                                            一只区块链小白
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @@include('footer-js.html')
    <script type="text/javascript">
        // 加载列表头像颜色
        $(document).ready(function() {
            var colorArray = ["#fa6e0a", "#0b987b", "#bf1b34", "#0283bb", "#1a67b7", "#0b987b", "#0283bb"];
            var headerArr = $('.y-headerName');
            $.each(headerArr, function(index, value) {
                $('.y-headerName').eq(index).css("background-color", colorArray[index % 7]);
                $('.y-headerName').eq(index).parent().parent('.trade-li').find(".y-buy-headerName").css("background-color", colorArray[index % 7]);
            });
        });
    </script>
</body>

</html>